<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contact Us</title>
<link rel="stylesheet" href="../../style.css" media="screen" />
<link rel="stylesheet" href="../../css/contact-us.css" media="screen" />
<link rel="stylesheet" href="../../scripts/jquery.validate/validate.css" media="screen" />
<script type="text/javascript" src="../../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../../scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="../../scripts/common.js"></script>
<script type="text/javascript">
$(function(){
	$('#form-contact').validate();
});
</script>
<style type="text/css">
div.contact-content form.contact-info ul li label {
	text-indent: -99999px !important;
}
</style>
<script type="text/javascript" src="../../scripts/cufon/cufon-yui.js"></script>
<script type="text/javascript" src="../../scripts/cufon/PSL_Kittithada_Pro___700.font.js"></script>
<script type="text/javascript">
	Cufon.replace('h2');
	Cufon.replace('label');
	Cufon.replace('ul.office-place');
</script>
</head>
<body id="contact-us">
<!--$header_html-->
<div id="wrap-container" class="bg-type1">
  <div class="content">
    <div class="contact-form">
      <div class="contact-content">
        <div>
          <ul class="office-place">
            <!--SiXhEaD:locations-->
            <li> <span>$contact_title</span><span>Tel. $contact_telephone</span></li>
            <!--/SiXhEaD:locations-->
          </ul>
        </div>
        <h2>สอบถามข้อมูลเพิ่มเติม</h2>
        <form class="contact-info" action="" id="form-contact" method="post">
          <ul>
            <li>
              <label>ชื่อ</label>
              <input type="text" name="name" class="required" />
            </li>
            <li>
              <label>โทรศัพท์</label>
              <input type="text" name="telephone"  class="required number"/>
            </li>
            <li>
              <label>อีเมล์</label>
              <input type="text" name="email" class="required email" />
            </li>
            <li>
              <label>หัวข้อ</label>
              <input type="text" name="title" class="required" />
            </li>
            <li>
              <label>รายละเอียด</label>
              <textarea name="detail" class="required" ></textarea>
            </li>
            <li class="submit">
              <input type="submit" name="submit" />
            </li>
          </ul>
        </form>
      </div>
    </div>
  </div>
</div>
<!--$footer_html-->
</body>
</html>
